import React, { useEffect } from 'react';
import { Article } from '@wecode/react-weui';
import * as css from './index.module.css';

export default function Desc() {

  useEffect(() => {
    // 设置导航标题 1
    window.HWH5.navTitle({ title: '框架说明' });
  }, []);

  return (
    <div>
      <Article>
        <h1>框架说明</h1>
        <h2>一套 weui 设计语言和 React 实现：</h2>
        <ul className={css.advantage}>
          <li> 符合官方交互语言和视觉风格。</li>
          <li> 开箱即用的高质量 React 组件。</li>
          <li> 本地开发自动检测JSAPI新版本并集成到开发环境。</li>
          <li> 使用 eslint，按照规则给出报告的代码检测工具,避免低级错误和统一代码的风格。</li>
          <li>
            基于 npm + webpack + react + redux + less + jsapi + weui（mit license），
            的快速开发本地化的框架。
          </li>
        </ul>
      </Article>
    </div>
  );
}
